<template>
	<view class="login">
		<view class="login-head">
			<view class="head-box">
				<view class="logo">
					<view class="" style="position: absolute;left: 20rpx;top: 22rpx;z-index: 999;" @click="goback()">
						<svg t="1730859753212" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="4250" width="18" height="18">
							<path
								d="M474.496 512l338.752-338.752-90.496-90.496L293.504 512l429.248 429.248 90.496-90.496z"
								fill="#A6B2C0" p-id="4251"></path>
						</svg>
					</view>
					<!-- <image @click="goback()" class="close" src="../../static/img/close.png" mode=""></image> -->
					<view class="title">新手教程</view>
				</view>
				<view class=""></view>
			</view>
		</view>
		<view class="mianBox">
			<view class="mianBoxTow">
				<view class="helpTitle">
					1.使用以下钱包
				</view>
				<view class="helpTitleTow">
					(点击钱包图标直达下载) <span>购买虚拟币。</span>
				</view>
				<view class="helpTitleThree">
					本站游戏仅支持所有(去中心化钱包)转账,禁止(交易所)转账。
				</view>
				<view class="helpApp">
					<uni-link class="helpAppIt" :showUnderLine="false" href="https://token.im/download?locale=zh-cn"
						text="https://token.im/download?locale=zh-cn">
						<view class="helpAppIt" style="width: 100%;">
							<view class="helpAppItL">
								<image src="../../static/newImg/help1.webp" mode=""></image>
							</view>
						</view>
					</uni-link>
					<uni-link class="helpAppIt" :showUnderLine="false"
						href="https://www.tokenpocket.pro/zh/download/app"
						text="https://www.tokenpocket.pro/zh/download/app">
						<view class="helpAppIt" style="width: 100%;">
							<view class="helpAppItL">
								<image src="../../static/newImg/help2.webp" mode="" style="width: 89px;height: 12px;">
								</image>
							</view>
						</view>
					</uni-link>
					<uni-link class="helpAppIt" :showUnderLine="false" href="https://www.tronlink.org/cn/dlDetails/"
						text="https://www.tronlink.org/cn/dlDetails/">
						<view class="helpAppIt" style="width: 100%;">
							<view class="helpAppItL">
								<image src="../../static/newImg/help3.webp" mode="" style="width: 78px;height: 16px;">
								</image>
							</view>
						</view>
					</uni-link>
					<uni-link class="helpAppIt" :showUnderLine="false" href="https://trustwallet.com/zh-TW"
						text="https://trustwallet.com/zh-TW">
						<view class="helpAppIt" style="width: 100%;">
							<view class="helpAppItL">
								<image src="../../static/newImg/help4.webp" mode="" style="width: 80px;height: 18px;">
								</image>
							</view>
						</view>
					</uni-link>
					<uni-link class="helpAppIt" :showUnderLine="false" href="https://bitpie.com/"
						text="https://bitpie.com/">
						<view class="helpAppIt" style="width: 100%;">
							<view class="helpAppItL">
								<image src="../../static/newImg/help5.webp" mode="" style="width: 57px;height: 22px;">
								</image>
							</view>
						</view>
					</uni-link>
					<uni-link class="helpAppIt" :showUnderLine="false" href="https://ownbit.io/download/"
						text="https://ownbit.io/download/">
						<view class="helpAppIt" style="width: 100%;">
							<view class="helpAppItL">
								<image src="../../static/newImg/help6.webp" mode="" style="width: 68px;height: 14px;">
								</image>
							</view>
						</view>
					</uni-link>
				</view>
			</view>
			<view class="mianBoxThree">
				<view class="mianBoxThreeIt" @click="gowalletRegist()">
					<image src="../../static/newImg/2.png" mode="">
					</image>
					钱包注册
				</view>
				<view class="mianBoxThreeIt" @click="gorelAppDownload()">
					<image src="../../static/newImg/3.png" mode="">
					</image>
					相关软件下载
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
			goback() {
				uni.navigateBack({
					delta: 1
				})
				// uni.reLaunch({
				// 	url:'/pages/index/index'
				// })
			},
			gowalletRegist() {
				// uni.navigateTo({
				// 	url: '/pages/user/walletRegist'
				// })
			},
			gorelAppDownload() {
				uni.navigateTo({
					url: '/pages/user/relAppDownload'
				})
			},
		}
	}
</script>

<style scoped>
	* {
		box-sizing: border-box;
	}

	.mt-20 {
		margin-top: 20rpx;
	}

	.arrow-left {
		width: 0;
		height: 0;
		border-top: 20px solid transparent;
		/* 控制箭头尖的高度 */
		border-bottom: 20px solid transparent;
		/* 控制箭头尖的高度 */
		border-right: 30px solid black;
		/* 箭头颜色 */
	}

	.login {
		width: 100%;
		min-height: 100vh;
		/* background-color: #202327; */
		display: flex;
		flex-direction: column;
		/* height: 100%; */
		background: url('../../static/newImg/xisnhoujiaocheng.webp') #202125 no-repeat center -.66667rem;
		background-size: contain;
		width: 100%;
		/* height: 514rpx; */
	}

	.login-head {

		/* background: url('../../static/img/loginbg.jpg') no-repeat center 50rpx; */
		/* background-size: cover; */
	}

	.head-box {
		width: 100%;
		/* padding: 32rpx 40rpx 0 40rpx; */
		display: flex;
		justify-content: center;
		align-items: center;
		/* flex-direction: column; */

	}

	.logo {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.logo .logoimg {
		width: 148rpx;
		height: 80rpx;
	}

	.logo .close {
		width: 38rpx;
		height: 38rpx;
	}

	h4 {
		font-weight: 700;
		font-size: 34rpx;
		line-height: 40rpx;
	}

	b {
		color: #27d477;
	}

	.title {
		text-align: center;
		/* font-weight: 600; */
		font-size: 30rpx;
		/* margin-top: 52rpx; */
		padding: 20rpx 0;
		color: #fff;
	}

	.mianBox {
		padding: 200px 0px 18px;
		position: relative;
	}

	.mianBoxTow {
		padding: 12px 12px 15px;
		background-color: #24262b;
		border-bottom: 1px solid #303439;
	}

	.helpTitle {
		color: #fff;
		font-size: 15px;
		font-weight: 600;
		margin-bottom: 7px;
	}

	.helpTitleTow {
		font-size: 10px;
		color: #97a6b4;
	}

	.helpTitleTow span {
		color: #36ba73;
	}

	.helpTitleThree {
		font-size: 10px;
		color: #fff;
	}

	.helpApp {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0px 5px;
		margin: 12px 0;
	}

	.helpAppIt {
		color: #fff;
		width: 32%;
		margin-top: 10px;
		border-radius: .08rem;
		display: flex;
		justify-content: center;
		background-color: #1c1e22;
		align-items: center;
	}


	.helpAppItL {
		height: 40px;
		justify-content: center;
		display: flex;
		align-items: center;
	}

	.helpAppItLTow {
		width: 72%;
		height: 40px;
		background: #24262b;
		display: flex;
		align-items: center;
		border-radius: .08rem;
		padding-left: 16px;
		font-size: 14px;
		color: #fff;
	}

	.helpAppItLTow image {
		width: 22px;
		height: 22px;
	}

	.helpAppItLThree {
		width: 72%;
		height: 40px;
		background: #24262b;
		display: flex;
		align-items: center;
		border-radius: .08rem;
		padding-left: 16px;
		font-size: 14px;
		color: #fff;
	}

	.helpAppItL image {
		width: 80px;
		height: 12px;
	}

	.helpAppItR {
		width: 25%;
		height: 40px;
		background: #2b3034;
		display: flex;
		font-size: 13px;
		color: #fff;
		align-items: center;
		justify-content: center;
		border-radius: .08rem;
	}

	.mianBoxThree {
		padding: 20px 12px 35px;
		background-color: #24262b;
		display: flex;
		align-items: center;
		justify-content: space-between;

	}

	.mianBoxThreeIt {
		width: 49%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		color: #97a6b4;
		height: 40px;
		border-radius: .08rem;
		background-color: #1c1e22;
	}

	.mianBoxThreeIt image {
		width: 14px;
		height: 12px;
		margin-right: 5px;
	}
</style>